<template>
  <div class="wei-container" :style="{height:minHeight+'px'}">
    <van-nav-bar class="wei-header">
      <van-icon name="arrow-left" slot="left" class="break" @click="$router.goBack()" />
      <!-- <span slot="right" class="link">
        <router-link :to="{path:'/user/login'}" replace>登录</router-link>
      </span> -->
    </van-nav-bar>
    <div class="wei-wepper">
      <h2 class="wei-title">忘记密码</h2>
      <van-cell-group class="wei-form">
        <van-field center class="form-item" v-model="username" placeholder="请输入手机号">
          <van-button slot="button" size="small" type="primary" class="code-btn">获取验证码</van-button>
        </van-field>
        <van-field center class="form-item" v-model="username" placeholder="请输入验证码" />
        <van-field center class="form-item" :type="type" v-model="phone" placeholder="请输入密码">
          <van-icon slot="button" :name="type?'password-not-view':'password-view'" @click="passwordView" class="icon" />
        </van-field>
      </van-cell-group>
      <div class="wei-link">

      </div>
      <div class="wei-menu">
        <van-button type="primary" class="btn">确定</van-button>
      </div>
    </div>
  </div>
</template>

<script>
import { mapGetters } from 'vuex'
import common from './mixins/common.js'
import baseCommon from '@/mixins/common.js'
export default {
  name: 'forgetPassword',
  mixins: [common(), baseCommon()],
  data() {
    return {}
  },
  computed: {
    ...mapGetters(['minHeight'])
  },
  methods: {}
}
</script>

<style lang="scss">
@import './css/login.scss';
.code-btn {
  width: 97px;
  height: 42px;
  font-size: 14px;
}
</style>

